<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="科技生活第一站">
<meta name="author" content="">

<meta name="keywords" content="ixcoc">

<title>ixcoc</title>
<link rel="shortcut icon" href="img/profile.png" type="image/x-icon" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/freelancer.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">



<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->



</head>

<body id="page-top" class="index">

<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
	<div class="container">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header page-scroll">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="#page-top">ixcoc</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav navbar-right">
				<li class="hidden">
					<a href="#page-top"></a>
				</li>
				<li class="page-scroll">
					<a href="#portfolio">板块</a>
				</li>
				<li class="page-scroll">
					<a href="#about">关于</a>
				</li>
				
				<li class="page-scroll">
					<a href="http://bbs.ixcoc.com" target="_blank" >进入论坛</a>
				</li>
				<li class="page-scroll">
					<a href="http://blog.ixcoc.com" target="_blank" >观看博客</a>
				</li>
				<li class="page-scroll">
					<a href="http://video.ixcoc.com" target="_blank" >电影资源</a>
				</li>
			</ul>
		</div>
		<!-- /.navbar-collapse -->
	</div>
	<!-- /.container-fluid -->
</nav>

<!-- Header -->
<header>
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<img class="img-responsive" src="http://ixcoc-1253150426.cosgz.myqcloud.com/img/profile.png" alt="">
				<div class="intro-text">
					<span class="name">ixcoc</span>
					<hr class="star-light">
					<span class="skills">以科技的力量改变世界</span>
				</div>
			</div>
		</div>
	</div>
</header>

<!-- Portfolio Grid Section -->
<section id="portfolio">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 text-center">
				<h2>分类</h2>
				<hr class="star-primary">
			</div>
		</div>
		<div class="row">
			<div class="col-sm-4 portfolio-item">
				<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
					<div class="caption">
						<div class="caption-content">
							<i class="fa  fa-3x">论坛</i>
						</div>
					</div>
					<img src="img/portfolio/cabin.png" class="img-responsive" alt="">
				</a>
			</div>
			<div class="col-sm-4 portfolio-item">
				<a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
					<div class="caption">
						<div class="caption-content">
							<i class="fa  fa-3x">博客</i>
						</div>
					</div>
					<img src="img/portfolio/cake.png" class="img-responsive" alt="">
				</a>
			</div>
			<div class="col-sm-4 portfolio-item">
				<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
					<div class="caption">
						<div class="caption-content">
							<i class="fa  fa-3x">优秀展示</i>
						</div>
					</div>
					<img src="img/portfolio/circus.png" class="img-responsive" alt="">
				</a>
			</div>
			<div class="col-sm-4 portfolio-item">
				<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
					<div class="caption">
						<div class="caption-content">
							<i class="fa  fa-3x">游戏</i>
						</div>
					</div>
					<img src="img/portfolio/game.png" class="img-responsive" alt="">
				</a>
			</div>
			<div class="col-sm-4 portfolio-item">
				<a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
					<div class="caption">
						<div class="caption-content">
							<i class="fa  fa-3x">权限</i>
						</div>
					</div>
					<img src="img/portfolio/safe.png" class="img-responsive" alt="">
				</a>
			</div>
			<div class="col-sm-4 portfolio-item">
				<a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
					<div class="caption">
						<div class="caption-content">
							<i class="fa  fa-3x">Media</i>
						</div>
					</div>
					<img src="img/portfolio/submarine.png" class="img-responsive" alt="">
				</a>
			</div>
		</div>
	</div>
</section>

<!-- About Section -->
<section class="success" id="about">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 text-center">
				<h2>关于本站</h2>
				<hr class="star-light">
			</div>
		</div>
		<div class="row">
			<div class="col-lg-4 col-lg-offset-2">
				<p>科技的本质：发现或发明事物之间的联系，各种物质通过这种联系组成特定的系统来实现特定的功能。</p>
			</div>
			<div class="col-lg-4">
				<p>科技给人们的生活带来巨大的改变，同时也进社会的公平进步，我们应该为所处的时代感到自豪。</p>
			</div>
			<div class="col-lg-8 col-lg-offset-2 text-center">
				<a href="http://weibo.com/3752618687" class="btn btn-lg btn-outline">
					<i class="fa "></i> 官方微博
				</a>
			</div>
		</div>
	</div>
</section>

<!-- Contact Section -->











<!-- Footer -->
<footer class="text-center">
	<div class="footer-above">
		<div class="container">
			<div class="row">
				<div class="footer-col col-md-4">
					<h3>地址</h3>
					<p>中国<br>CHN</p>
				</div>
				<div class="footer-col col-md-4">
					<h3>Find Me</h3>
					<ul class="list-inline">
						<li>
							<a href="http://weibo.com/3752618687" class="btn-social btn-outline"><i class="fa fa-fw fa-weibo"></i></a>
						</li>
						<li>
							<a href="img/5C09C9759B69E8A40152EBE1AFED82BC.jpg" class="btn-social btn-outline"><i class="fa fa-fw fa-weixin"></i></a>
						</li>
						<li>
							<a href="img/57E3D5E680A66C5F17669BEFD44D27A5.jpg" class="btn-social btn-outline"><i class="fa fa-fw fa-qq"></i></a>
						</li>
						<li>
							<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-search"></i></a>
						</li>
						<li>
							<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-dribbble"></i></a>
						</li>
					</ul>
				</div>
				<div class="footer-col col-md-4">
					<h3>本站地址</h3>
					<p>www.ixcoc.com</p>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-below">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					Copyright &copy; 2017 IXCOC
					<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1262096831'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1262096831%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
				</div>
			</div>
		</div>
	</div>
</footer>

<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<div class="scroll-top page-scroll visible-xs visible-sm">
	<a class="btn btn-primary" href="#page-top">
		<i class="fa fa-chevron-up"></i>
	</a>
</div>

<!-- Portfolio Modals -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-content">
		<div class="close-modal" data-dismiss="modal">
			<div class="lr">
				<div class="rl">
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="modal-body">
						<h2>板块简介</h2>
						<hr class="star-primary">
						<a href="http://bbs.ixcoc.com"target="_blank"><img src="img/portfolio/cabin.png" class="img-responsive img-centered" alt=""></a>
						<p>普及科技的力量</p>
						<ul class="list-inline item-details">
							<li>链接:
								<strong><a href="http://bbs.ixcoc.com" target="_blank">bbs.ixcoc.com</a>
								</strong>
							</li>
							<li>日期:
								<strong><a href="" >2017.1</a>
								</strong>
							</li>
							<li>服务:
								<strong><a href="">社区交流</a>
								</strong>
							</li>
						</ul>
						<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-content">
		<div class="close-modal" data-dismiss="modal">
			<div class="lr">
				<div class="rl">
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="modal-body">
						<h2>板块简介</h2>
						<hr class="star-primary">
						<a href="http://blog.ixcoc.com"target="_blank"><img src="img/portfolio/cake.png" class="img-responsive img-centered" alt=""></a>
						<p>博客系统</p>
						<ul class="list-inline item-details">
							<li>链接:
								<strong><a href="http://blog.ixcoc.com" target="_blank">blog.ixcoc.com</a>
								</strong>
							</li>
							<li>日期:
								<strong><a href="#">2017.3.5</a>
								</strong>
							</li>
							<li>服务:
								<strong><a href="#">博文展示</a>
								</strong>
							</li>
						</ul>
						<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-content">
		<div class="close-modal" data-dismiss="modal">
			<div class="lr">
				<div class="rl">
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="modal-body">
						<h2>板块简介</h2>
						<hr class="star-primary">
						<a href="http://ylooo.site"target="_blank"><img src="img/portfolio/circus.png" class="img-responsive img-centered" alt=""></a>
						<p>优秀展示</p>
						<ul class="list-inline item-details">
							<li>链接:
								<strong><a href="http://ylooo.site"target="_blank">ylooo.site</a>
								</strong>
							</li>
							<li>日期:
								<strong><a href="#">20173.5</a>
								</strong>
							</li>
							<li>服务:
								<strong><a href="#">优秀展示</a>
								</strong>
							</li>
						</ul>
						<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-content">
		<div class="close-modal" data-dismiss="modal">
			<div class="lr">
				<div class="rl">
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="modal-body">
						<h2>板块简介</h2>
						<hr class="star-primary">
						<img src="img/portfolio/game.png" class="img-responsive img-centered" alt="">
						<p>游戏</p>
						<ul class="list-inline item-details">
							<li>链接:
								<strong><a href="#">暂未上线</a>
								</strong>
							</li>
							<li>日期:
								<strong><a href="#">暂未上线</a>
								</strong>
							</li>
							<li>服务:
								<strong><a href="#">暂未上线</a>
								</strong>
							</li>
						</ul>
						<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close关闭</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-content">
		<div class="close-modal" data-dismiss="modal">
			<div class="lr">
				<div class="rl">
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="modal-body">
						<h2>板块简介</h2>
						<hr class="star-primary">
						<img src="img/portfolio/safe.png" class="img-responsive img-centered" alt="">
						<p>权限系统</p>
						<ul class="list-inline item-details">
							<li>链接:
								<strong><a href="#">暂未上线</a>
								</strong>
							</li>
							<li>日期:
								<strong><a href="#">暂未上线</a>
								</strong>
							</li>
							<li>服务:
								<strong><a href="#">暂未上线</a>
								</strong>
							</li>
						</ul>
						<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-content">
		<div class="close-modal" data-dismiss="modal">
			<div class="lr">
				<div class="rl">
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="modal-body">
						<h2>板块简介</h2>
						<hr class="star-primary">
						<img src="img/portfolio/submarine.png" class="img-responsive img-centered" alt="">
						<p>多媒体系统</p>
						<ul class="list-inline item-details">
							<li>链接:
								<strong><a href="#">暂未上线</a>
								</strong>
							</li>
							<li>日期:
								<strong><a href="#">暂未上线</a>
								</strong>
							</li>
							<li>服务:
								<strong><a href="#">暂未上线</a>
								</strong>
							</li>
						</ul>
						<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- jQuery -->
<script src="js/jquery.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- Plugin JavaScript -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>

<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>

<!-- Custom Theme JavaScript -->
<script src="js/freelancer.js"></script>
	
	

	



	
<script type="text/javascript" src="//s.union.360.cn/187359.js" async defer></script>	
</body>

</html>